<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>day-2</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<!-- html常见标签 -->
<!-- 这是注释 -->
<!--使用a标签制作锚点-->
<a href="#one">id-1</a>
<a href="#two">id-2</a>
<a href="#three">id-3</a>
<!-- 标题标签h1-h6 -->
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
    <h4 class="four">这是四级标题</h4>
    <h5>这是五级标题</h5>
    <h6>这是六级标题</h6>
<!-- 这是段落标签-->
    <p style="color: blue">这是第一段</p>
    <p>这是第二段话</p>
<!--换行符与空格-->
<br>
<br>
<h4>这里有一个换行符,<br>这里有一个空格 &nbsp; 这是空格后的下一个字</h4>
<!--格式化标签-->
    <strong id="one">这是加粗字体</strong><br>
    <del>这是删除线字体</del><br>
    <em>这是斜体</em> <br>
    <ins>这是下划线字体</ins><br>
<!--这是图片标签-->
<img src="image/c4soblpSt4mn7ic.png" alt="springcloud" title="springcloud">
<br>
<!--这是超链接标签-->
<a id="three" href="http://www.troubles.top" target="_blank"><img src="image/c4soblpSt4mn7ic.png" alt="链接"></a>
<!--这是table标签和tr以及th，td标签-->
        <table>
            <tr>
                <th>姓名</th>
                <th id="two">电话</th>
                <th>地址</th>
            </tr>
            <tr>
                <td>jams</td>
                <td>152</td>
                <td>cn</td>
            </tr>
        </table>
<!--列表标签-->
<!--无序列表-->
<ul>
    <li>内容1</li>
    <li>内容2</li>
    <li>内容3</li>
</ul>
<!--有序列表-->
<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>
<!--自定义列表-->
<dl>
    <dt>自定义列表</dt>
    <dd>1</dd>
    <dd>2</dd>
    <dd>3</dd>
</dl>
<!--表单标签form + input-->
<input type="text"> <br>
<input type="password"> <br>
<input type="radio" name="gender" id="male" checked="checked" >
<label for="male">男</label>
<input type="radio" name="gender" id="female">
<label for="female">女</label>
<br>
<!--复选框-->
<input type="checkbox" checked="checked">选项1
<input type="checkbox">选项2
<input type="checkbox">选项3
<input type="checkbox">选项4
<br>
<!--普通按钮-->
<input type="button" value="这是一个按钮" onclick="alert('hello')">
<br>
<h3>这是另一个按钮方式</h3>
<button onclick="alert('hello world')">这是另一个按钮</button>
<h3>摸鱼</h3>
<h3>摸鱼</h3>
</body>
</html>